/**
 * 侧边栏历史记录
 */

#sidebar-history {

  .history {
    position: relative;
    height: 100%;

    // 头部标题和功能按钮
    .head {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      box-sizing: border-box;
      padding: 4px 16px;
      text-align: right;

      label {
        font-size: 13px;
        float: left;
        line-height: 32px;
      }
    }

    // 搜索框
    .search {
      position: absolute;
      left: 0;
      top: 40px;
      width: 100%;
      box-sizing: border-box;
      padding: 0 16px;

      .mdui-textfield {
        padding: 0;

        .mdui-textfield-input {
          font-size: 14px;
          padding-right: 32px;

          &::-webkit-input-placeholder {
            font-size: 14px;
          }
        }

        .mdui-textfield-close {
          position: absolute;
          top: 2px;
          right: 0;
          transform: scale(0);

          .mdui-icon {
            bottom: 0;
            padding: 0;
          }
        }
      }

      // 显示输入框中的清空按钮
      &.show-close {
        .mdui-textfield-close {
          transform: scale(1);
        }
      }
    }

    // 文件列表
    .files {
      position: absolute;
      left: 0;
      top: 76px;
      bottom: 0;
      width: 100%;
      box-sizing: border-box;
      overflow: auto;

      .mdui-list-item {
        transition: none;
        padding-left: 14px;

        &:hover,
        &.active {
          background-color: rgba(255,255,255,.08);
        }
      }
    }
  }

  .mdui-theme-layout-light & {
    .files {
      .mdui-list-item {
        &:hover,
        &.active {
          background-color: rgba(0,0,0,.08);;
        }
      }
    }
  }
}
